<template>
    <view :style="{ height: height + 'px' }"></view>
</template>

<script>
export default {
    name: 'status-bar',
    data() {
        return {
            height: 40
        };
    },
    mounted() {
        var phoneInfo = uni.getSystemInfoSync();
        this.height = phoneInfo.statusBarHeight > 0 ? 60 : 40;
    }
};
</script>

<style lang="scss"></style>
